iT邦幫忙

2025 iThome 鐵人賽

DAY 4
0
Modern Web

30天入門Java Script系列 第 4

Day4:運算子與條件判斷

  • 分享至 

  • xImage
  •  

運算子(Operators)

運算子就是告訴程式要做什麼的符號!這篇將會介紹JavaScript比較常見的一些運算子:

1.算術運算子

算術運算子就是我們生活常見的加減乘除符號,非常簡單!

範例:

let a = 10;
let b = 3;

console.log(a + b); // 13
console.log(a - b); // 7
console.log(a * b); // 30
console.log(a / b); // 3.3333...
console.log(a % b); // 1(取餘數)

2.比較運算子

比較運算子顧名思義就是用來比較兩個值,結果會是truefalse

範例:

console.log(5 > 3);  // true
console.log(5 < 3);  // false
console.log(5 == '5');  // true(值相等但不比較型態)
console.log(5 === '5'); // false(值和型態都比較)
console.log(5 !== 3);   // true

3.邏輯運算子

邏輯運算子是用來連接多個條件的符號

  • **&&:**且,必須符合兩個條件
  • **||:**或,符合其中一個條件
  • **!:**非,符合條件者為false
    範例
let x = 10;

console.log(x > 5 && x < 20); // true(而且)
console.log(x < 5 || x > 20); // false(或)
console.log(!(x > 5));        // false(否定)

條件判斷(if / else)

了解了怎麼產出布林值之後,我們就能用 if / else 來讓程式做選擇啦
程式會先檢查第一個條件,符合就執行,若不符合就往下檢查下一個條件
範例:

let score = 85;

if (score >= 90) {
  console.log('A');
} else if (score >= 80) {
  console.log('B');
} else {
  console.log('C');
}

三元運算子(ternary operator)

三源運算子就是用方便我們用一行就能寫出簡單的if/else的符號
運用方式是條件 ? 如果為真 : 如果為假,直接看範例吧!
範例:

let age = 18;
let result = (age >= 18) ? '成年' : '未成年';
console.log(result); // "成年"

小練習:BMI 判斷

let height = 170; // 公分
let weight = 65;  // 公斤
let bmi = weight / ( (height/100) ** 2 );

console.log('你的 BMI:' + bmi);

if (bmi < 18.5) {
  console.log('過輕');
} else if (bmi < 24) {
  console.log('正常');
} else {
  console.log('過重');
}

關於運算子的介紹部分大概就到這邊結束啦,我們明天再見!


上一篇
Day3:JavaScript基本資料型態與型態轉換
下一篇
Day5:迴圈
系列文
30天入門Java Script21
圖片
  熱門推薦
圖片
{{ item.channelVendor }} | {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言